window.onload = function() {
    //导航部分消息为0不显示
    $(function () {
        var informationIcon = $(".informationIcon").text();
        if (informationIcon == "0"){
            $(".informationIcon").css("display","none");
        }else{
            $(".informationIcon").css("display","inline-block");
        }
    });
    //下载App隐藏的二维码部分
    $(".download").hover(function(){
        $(".downloadHide").toggle();
    });
    $(".downloadHide").hover(function(){
        $(".downloadHide").toggle();
    });
    $("#heartO").click(function(){
        $("#heartO").hide();
        $("#heart").show();
    });
    $("#heart").click(function(){
        $("#heart").hide();
        $("#heartO").show();
    });

    //登录之后个人信息的下拉菜单部分
    $(".myselfPic").hover(function(){
        $(".myselfDownList").toggle();
    });
    $(".myselfDownList").hover(function(){
        $(".myselfDownList").toggle();
    });

    var E = window.wangEditor;
    var editor1 = new E('#div1', '#div2');  // 两个参数也可以传入 elem 对象，class 选择器
     editor1.customConfig.zIndex = 0;
     editor1.customConfig.uploadImgServer = '/serialize/uploadBodyPicture';//上传URL
     editor1.customConfig.uploadImgMaxSize = 3 * 1024 * 1024;
     editor1.customConfig.uploadImgMaxLength = 5;
     editor1.customConfig.uploadFileName = 'myFileName';
     // editor1('editor1', { zIndex: 0});
     editor1.customConfig.uploadImgHooks = {
        customInsert: function (insertImg, result, editor1) {
            // 图片上传并返回结果，自定义插入图片的事件（而不是编辑器自动插入图片！！！）
            // insertImg 是插入图片的函数，editor 是编辑器对象，result 是服务器端返回的结果

            // 举例：假如上传图片成功后，服务器端返回的是 {url:'....'} 这种格式，即可这样插入图片：
            var url =result.data;
            insertImg(url);
            // result 必须是一个 JSON 格式字符串！！！否则报错
        }
    };
    editor1.create();

    var editor2 = new E('#div3');  // 两个参数也可以传入 elem 对象，class 选择器
    editor2.customConfig.zIndex = 0;
    editor2.customConfig.uploadImgServer = '/serialize/uploadBodyPicture';//上传URL
    editor2.customConfig.uploadImgMaxSize = 3 * 1024 * 1024;
    editor2.customConfig.uploadImgMaxLength = 5;
    editor2.customConfig.uploadFileName = 'myFileName';
    // editor1('editor1', { zIndex: 0});
    editor2.customConfig.uploadImgHooks = {
        customInsert: function (insertImg, result, editor1) {
            // 图片上传并返回结果，自定义插入图片的事件（而不是编辑器自动插入图片！！！）
            // insertImg 是插入图片的函数，editor 是编辑器对象，result 是服务器端返回的结果

            // 举例：假如上传图片成功后，服务器端返回的是 {url:'....'} 这种格式，即可这样插入图片：
            var url =result.data;
            insertImg(url);
            // result 必须是一个 JSON 格式字符串！！！否则报错
        }
    };
    editor2.create();



//发布博客弹出框样式
    $(".showBlog").click(function () {
        $(".bg-modelSure").fadeTo(300,1);
        $("body").css({ "overflow": "hidden" });
    });
    // 点击发布博客弹出框的取消按钮，模态框消失
    $("#bg-model-ok1").click(function () {
        $(".bg-modelSure").hide();
        $("body").css({ "overflow": "visible" });
    });

    // 获取标签内容
    $(".labelArticleLi").click(function () {
        $(".labelArticleLi").css('background-color','#B5C4D4');
        $(this).css('background-color','#899aa2');
        var txt= editor1.txt.text();
        $("#detail1").val(txt);
        var text=$("#detail1").val();
        var counter=text.length;
        $("#detail1_num").val(counter);
});
    // 获取标签内容
    $(".labelArticleLi").click(function () {
        var tid = $(this).next().val();
       $(".inputId").val(tid);
        // $("#labelArticleLi").val(tid);
    });
    $(function () {
        var title =$(".title");
        var h4 = $("h4");
        $(".showBlog").click(function(){
            h4.html(title.val());
        })
    });


    //获取文章字数,监听文本框输入
    $(function(){
        /*input字数*/
        /*在页面刚载入时先显示出输入框的字数*/
        var text1=$("#detail1").val();
        var counter1=text1.length;
        $("#detail1_num").val(counter1);
        /*添加触发事件进行动态计算输入框的字数*/
        $("#detail1").on('blur keyup input',function(){
            var txt= editor1.txt.text();
            $("#detail1").val(txt);
            var text=$("#detail1").val();
            var counter=text.length;
            $("#detail1_num").val(counter);
        });
    });

    //获取文章剩余字数,监听文本框输入
    $(".title").bind("input propertychange",function(event){
        console.log($(".title").val());
    });
    $(".title").keyup(function(){
        if($(".title").val().length > 20){
            $(".title").val( $(".title").val().substring(0,20) );
        }
        $("#word").text( 20 - $(".title").val().length ) ;
    });

    // 点击发布博客弹出框的确定按钮，提交博客数据
    $(".showBlog").click(function () {
        $(".bg-modelSure").hide();
        $("body").css({ "overflow": "visible" });
        // 定义所需变量
        var title = $(".title").val();           //获取富文章的标题
        var bAddress = editor1.txt.html();       //获取富文本的html
        var tid = $(".inputId").val();           //获取博客的类型
        var bComment = $("#detail1_num").val();  //获取博文字数

        // 判断内容非空
        if (title == "") {
            alert("请输入文章标题");
            return false;
        } else if (bAddress == "") {
            alert("请输入需发布博文内容");
            return false;
        }else if (tid == "") {
            alert("请选择你的博文标签");
            return false;
        }else{
            $.ajax({
                type: "post",
                url: "/blog/addBlog",
                data: {
                    bTitle:title,
                    bAddress:bAddress,
                    tId:tid,
                    bWord:bComment
                },
                success: function (data) {
                    alert(data.msg);
                },
                error: function () {

                }
            });
        }

    });
// //取消发布弹出框样式
//     $(".giveUpBlog").click(function () {
//         $(".bg-modelOK").fadeTo(300,1);
//         $("body").css({ "overflow": "hidden" });
//     });
//     // 点击取消发布弹出框的取消按钮，模态框消失
//     $("#bg-model-ok2").click(function () {
//         $(".bg-modelOK").hide();
//         $("body").css({ "overflow": "visible" });
//     });
//     $("#bg-model-ok2").click(function () {
//         $(".bg-modelOK").hide();
//         $("body").css({ "overflow": "visible" });
//     });
    $(".giveUpBlog").click(function () {
        $(window).attr('location','/test/editor');
    });
    //提交搜索框form表单的非空校验
    $(".navBtn").click(function(){
        var input = $("input[name='inputName']").val();
        if (input == "" || input == null || input == undefined) {
            alert("搜索不能为空");
            return false;/*阻止表单提交*/
        } else {
            alert("提交");
            $(".navBtn").submit();
        }
    });
    //添加标签的切换
    $("#plus").click(function () {
       $("#minus").toggle();
       $("#plus").toggle();
    });
    $("#minus").click(function () {
        $("#minus").toggle();
        $("#plus").toggle();
    });
    //连载的二级菜单
    $(".writeLz").click(function () {
        $(".writeLzUl").slideToggle();
        $(".writeMyLzUl").hide();
        $(".writeLzNew").css({"background-color":"#FFFFFF",
            "color":"#000"
        });
        $(".writeLzMy").css({"background-color":"#FFFFFF",
            "color":"#000"
        });
    });
    //切换
    $(".writeLzNew").click(function () {
        $(".rightWrite").hide();
        $(".writeLzPage").show();
        $(".writeMyLzUl").hide();
        $(".writeLzNew").css({"background-color":"#DD514C",
                            "color":"#FFFFFF"
        });
        $(".mainPageBody").css("height","615px");
        $(".writeLzMy").css({"background-color":"#FFFFFF",
            "color":"#000"
        });
    });
    $(".writeWord").click(function () {
        $(".rightWrite").show();
        $(".writeLzPage").hide();
        $(".writeLzNew").css({"background-color":"#FFFFFF",
            "color":"#000"
        });
        $(".writeLzMy").css({"background-color":"#FFFFFF",
            "color":"#000"
        });
    });
    $(".writeLzMy").click(function () {
        // $(".rightWrite").hide();
        // $(".writeLzPage").hide();
        $(".writeMyLzUl").slideToggle();
        $(".writeLzMy").css({"background-color":"#DD514C",
            "color":"#FFFFFF"
        });
        $(".writeLzNew").css({"background-color":"#FFFFFF",
            "color":"#000"
        });
    });
    //连载章节的切换
    $(".writeMyLi").hover(function () {
        $(".LzShow").toggle();
    });
    $(".LzShow").hover(function () {
        $(".LzShow").toggle();
    });
    //写连载部分
        //上传连载封面
    $(".writeLzUp").click(function () {
        $(".bg-model").fadeTo(300,1);
        $("body").css({ "overflow": "hidden" });
    });

    $(".bg-model-ok").click(function () {
        $(".bg-model").hide();
        $("body").css({ "overflow": "visible" });
    });
    //点击确定新建连载
    // $(".writeLzPageBtn").click(function () {
    //     var sIntroduction = $(".LzTextarea").val();
    //     var sTitle = $(".inputTitle").val();
    //     $.ajax({
    //         type:"post",
    //         url:"/serialize/writeSerialize",
    //         data: {
    //             sTitle: sTitle,
    //             sIntroduction:sIntroduction
    //         },
    //         success: function (data) {
    //             if(data.success){
    //                 $(".data").data(" ",data.data);
    //                 // $(".writeLzPageBtn").click(function(){
    //                 // $("#doc-modal-1").show().modal({width:'600px'});
    //                 // });
    //             }
    //
    //         },
    //         error: function () {
    //
    //         }
    //     });
    // });
    //写连载章节
    $(".writeMyLzName2input").bind("input propertychange",function(event){
        console.log($(".writeMyLzName2input").val());
    });
    $(".writeMyLzName2input").keyup(function(){
        if($(".writeMyLzName2input").val().length > 20){
            $(".writeMyLzName2input").val( $(".writeMyLzName2input").val().substring(0,20) );
        }
        $("#word").text( 20 - $(".writeMyLzName2input").val().length ) ;
    });

    //提交连载章节
    $(".sure").click(function () {
        var writeMyLzName2input = $(".writeMyLzName2input").val();
        if (writeMyLzName2input == "") {
            alert("请输入章节名称");
            return false;
        } else if (bAddress == "") {
            alert("请输入需发布博文内容");
            return false;
    }else{
        $.ajax({
            type:"",
            url: "",
            data: {

            },
            success: function (data) {
                alert(data.msg);
            },
            error: function () {

            }

        });
    }
    });
};